<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>永和小票</title>
		<!-- css全局的样式配置，习惯位置 -->
		<style>
			/* 整个页面的字体统一缩小 */
			body{
				font-size: 8px;
				border: 0px solid red;
				width: 280px;
			}
			/* 共享样式，定义一个名称，class="center"*/
			/* class属性共用 */
			.center{
				padding-left: 90px;
			}
			.please{
				font-size: 22px;
				font-weight: bold;
			}
			
		</style>
	</head>
	<body>
		<div>顾客联</div>
		<br />
		<div class="please">请您留意取餐账单号</div>
		<div class="center">自取客户联</div>
		<div>永和大王(北三环西路店)</div>
		<div>010-62112313</div>
		<div class="center">--结账单--</div>
		<div class="please">账号单：P000010</div>
		<div>账单类型：堂食</div>
		<div>人数：1</div>
		<div>收银员：张静</div>
		<div>开单时间：2021-3-17 07:24:29</div>
		<div>结账时间：2021-3-17 07:24:29</div>
		<!-- 虚线：默认实线，需要换线性 -->
		<hr style="border: 1px dashed;" />
		<!-- 表格：普通行tr，表头行th，单元格td -->
		<table border="0">
			<tr>
				<th width="30">数量</th>
				<th width="150">品项</th>
				<th width="50" align="right">金额</th>
			</tr>
			<tr>
				<td valign="top">1</td>
				<td>
					玉米肉松蛋饼2P<br />
					1 X -- 玉米肉松蛋饼<br />
					1 X -- 现磨豆浆（热/甜）
				</td>
				<td align="right" valign="top">7.00</td>
			</tr>
		</table>
		<hr style="border: 1px dashed;"/>
		<table border="0">
			<tr>
				<td width="30">合计</td>
				<td width="185" align="right">8.00</td>
			</tr>
			<tr>
				<td>微信支付</td>
				<td align="right">8.00</td>
			</tr>
		</table>
		<hr style="border: 1px dashed;" />
		<div>打印时间：2021-3-17 07:24:29</div>
		<hr style="border: 1px dashed;" />
		<div style="padding-top: 15px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;根据相关税法规定，电子发票的开票日期同网上申请电子发票的日期，如您需要当日的电子发票请务必在消费当日通过扫描下方二维码，根据指引步骤开具您的增值税电子普通发票。此二维码30天有效，扫描时请保持小票平整。</div>
		<br />
		<div>
			<img src="image/qr.png" style="padding-left: 70px;"/>
		</div>
		<br />
		<br />
		<div>官网：www.yonghe.com.cn</div>
		<div>加盟热线：86-21-60769397</div>
	</body>
</html>
